<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>baked&goods</title>
    <link type="text/css" href="css/font-awesome.min.css" rel="stylesheet">
    <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" href="css/ionicons.min.css" rel="stylesheet">
    <link type="text/css" href="css/common.css" rel="stylesheet">
    <link type="text/css" href="css/goods-manage.css" rel="stylesheet">
   	<link type="text/css" href="css/add-goods.css" rel="stylesheet">
</head>
<body class="row">
<div class="col-md-2 left">
    <div class="left-top">
        <img src="images/logo.png" width="113" height="30" class="img-logo"/>
    </div>
    <input class="search" type="text" placeholder="SERCH...">
    <img src="images/search.png" width="14" height="14" class="img-search">
    <ul class="f-16 parent">
		<li id="production-parent">
			<a href="#"><img src="images/production-manage.png" width="22" height="22"> 商品管理<i class="fa fa-angle-double-right back"></i></a>
		</li>
		<li class="production-child">
			<a href="total-infor.html"><i class="fa  fa-hand-o-right second"></i>货柜管理</a></li>
		</li>
		<li class="production-child">
			<a href="production-manage.html"><i class="fa  fa-hand-o-right second"></i>订单管理</a></li>
		</li>
		<li id="home-parent">
			<a href="#"><img src="images/home.png" width="22" height="20"> 首页管理<i class="fa fa-angle-double-right back"></i></a>
		</li>
		<li class="home-child">
			<a href="homeUploadImg.html"><i class="fa  fa-hand-o-right second"></i>轮播图上传</a>
		</li>
		<li class="home-child">
			<a href="releaseAnnounce.html"><i class="fa  fa-hand-o-right second"></i>公告发布</a>
		</li>
		<li>
			<a href="send-more.html"><img src="images/information.png" width="22" height="22"> 站内信<i class="fa fa-angle-double-right back"></i></a>
		</li>
    </ul>
</div>
<div class="col-md-10 right f-r">
    <header>
        <p class="f-16 t-c" id="time"></p>
        <p class="f-10 t-c" id="date"></p>
        <div class="welcome">
            <img src="images/message.png" width="25" height="27">
            <div class="circle color-white f-10 t-c">4</div>
            <img src="images/user.png" id="user" width="32" height="32">
            <p class="f-14" id="welcome"></p>
        </div>
    </header>
    <main>
        <main class="clearfix">
        <!--  tab  -->
    	
        <ul class="nav nav-tabs tab col-md-8 m-b-20 m-l-30">
			<li><a href="total-infor.html">商品信息</a></li>
			<li><a href="up-goods.html">商品上架</a></li>
			<li><a href="down-goods.html">商品下架</a></li>
			<li><a href="add-goods.html">添加商品</a></li>
			<li class="active"><a href="cake-store-goodsManage.html">详情信息</a></li>
		</ul>
		
		
		<!-- title 在tab下指明现在所属的tab -->
		<div class="title col-md-8 m-l-30 m-b-20 clearfix">
			<img src="images/add-goods.png" class="f-l"/>
			<span class="f-l f-16">添加商品</span>
		</div>
		
		<!-- content -->
		<div class="content col-md-8">
			<div class="add-box tab-pane clearfix">
				<div class="left-box">
					<img src="images/img.jpg" id="img" />
					<a href="javascript:;" class="file">选择文件
					    <input type="file"  id="uppic" onchange="showPicture(this)"/>
					</a>
				</div>
				<div class="right-box">
					<form>
					<span>商品名称：</span><input type="text"><br />
					<span>库存：</span><input type="text"><br />
					<span>售价：</span><input type="text"><br />
					<span>成本价：</span><input type="text"><br />
					<span>折后价：</span><input type="text"><br />
					<span>商品描述：</span><textarea></textarea><br />
					<span>类型：</span>
					<div class="type clearfix">
						<div class="updown">
							<h3>按用途</h3>
							<ul id="select1" class="clearfix">
								<li><a href="javascript:;">生日</a></li>
								<li><a href="javascript:;">祝寿</a></li>
								<li><a href="javascript:;">宴会</a></li>
								<li><a href="javascript:;">婚庆</a></li>
								<li><a href="javascript:;">小蛋糕</a></li>
							</ul>
						</div>
						<div class="updown">
							<h3>按功能</h3>
							<ul id="select2"  class="clearfix">
								<li date-type="1"><a href="javascript:;">乳脂奶油</a></li>
								<li date-type="2"><a href="javascript:;">巧克力</a></li>
								<li date-type="3"><a href="javascript:;" >冰淇淋</a></li>
								<li date-type="4"><a href="javascript:;">水果</a></li>
								<li date-type="5"><a href="javascript:;">乳酪</a></li>
								<li date-type="6"><a href="javascript:;">提拉米苏</a></li>
								<li date-type="7"><a href="javascript:;">抹茶</a></li>
								<li date-type="6"><a href="javascript:;">翻糖</a></li>
								<li date-type="7"><a href="javascript:;">原味</a></li>
							</ul>
						</div>
						<div class="updown">
							<h3>按功能</h3>
							<ul id="select3"  class="clearfix">
								<li><a href="javascript:;">海绵</a></li>
								<li><a href="javascript:;">戚风</a></li>
								<li><a href="javascript:;">布丁</a></li>
								<li><a href="javascript:;">慕斯</a></li>
								<li><a href="javascript:;">芝士</a></li>
							</ul>
						</div>
					</div>
					<div class="sousuo clearfix">
						<div class="select-result clearfix">
							<ul></ul>
						</div>
					</div>
				</div>
				<div class="btn-box">
					<input type="reset" value="取消" class="f-l" id="reset"/>
					<input type="button" value="确定" class="f-r" id="confirm"/>
				</div>
				</form>
			</div>
		</div>
    </main>
    </main>
    <footer>
        <strong class="m-l-20">Copyright © 2016 <a href="http://thoughtcoding.csxupt.com">新卓越计算机教育</a>.</strong> All rights reserved.
    </footer>
</div>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/common.js" charset="GB2312"></script>
<script type="text/javascript" src="js/add-goods.js"></script>
</body>
</html>